<!--  -->
<template>
  <div class="qrcode">
    <!-- <wxlogin
      :appid="state.weChat.appid"
      scope="snsapi_login"
      :redirect_uri="state.weChat.redirect_uri"
      :href="state.weChat.href"
      :state="state.weChat.state"
      :style="state.weChat.style"
    ></wxlogin> -->
  </div>
</template>

<script lang='ts' setup>
import { reactive,toRefs,ref,onMounted} from 'vue'
// import wxlogin from 'vue-wxlogin'
const state = reactive<any>({
  weChat: {
    appid: 'wx2e43a29601556209', // 是开发者在微信开房平台提交申请后，获得appid和一个秘钥
    redirect_uri: 'http://web.quanjiu.net/wechatlogin', // 这个是扫码后要跳转的页面，这个路径要urlEncode转码的，转码地址为  https://tool.chinaz.com/tools/urlencode.aspx 注意，要跳转的地址必须在申请的域名下面。
    state: Math.ceil(Math.random() * 1000),
    style: '',
    href: '' // 自定义样式链接
  }
 }
)

</script>
<style scoped>

.qrcode{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
</style>